<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>万息科技有限公司</title>
    <link rel="shortcut icon" type="image/x-icon" href="../../img/icon.ico"/>
    <link rel="stylesheet" href="../../css/datalist.css">
    <link rel="stylesheet" href="../../css/myiconfont.css">
    <link rel="stylesheet" href="../../css/model.css">
    <script src="../../js/jquery-3.5.1.js"></script>
    <script src="../../js/common.js"></script>
    <script src="../../js/sign/signinrecord.js"></script>
    <script src="../../js/model.js"></script>
</head>
<body>
<div class="menu_name">签到记录</div>
<div class="search">
    <input type="text" id="search_ipt">
    <button id="find" class="iconfont" onclick="getSignRecordList()">&#xe651;</button>
    <label>起止日期:</label>
    <input type="date" id="start_date" onchange="getSignRecordList()">
    <span>-</span>
    <input type="date" id="end_date" onchange="getSignRecordList()">
</div>
<label>小组:</label>
<select id="team_select" onchange="getSignRecordList()">
    <option value="全部">全部</option>
    <option value="男">男</option>
    <option value="女">女</option>
</select>
<label>签到状态:</label>
<select id="status_select" onchange="getSignRecordList()">
    <option value="全部">全部</option>
    <option value="冻结">冻结</option>
    <option value="未冻结">未冻结</option>
</select>
<div class="option">
    <button class="iconfont" onclick="selectAll()">&#xe61a;</button>
    <button class="iconfont" onclick="deselectAll()">&#xe717;</button>
    <button class="iconfont" onclick="selectInvert()">&#xe749;</button>
    <button class="iconfont" onclick="deleteSelected()">&#xe609;</button>
    <button class="toggleModal iconfont" id="toggleModal">&#xe640;</button>
    <select id="sort" onchange="getSignRecordList()">
        <option value="create_time desc">时间降序</option>
        <option value="create_time asc">时间升序</option>
        <option value="id desc">ID倒序</option>
    </select>
</div>
<div class="table">
    <table>
        <thead>
        <tr>
            <th><input type="checkbox">全选</th>
            <th>ID</th>
            <th>姓名</th>
            <th>签到时间</th>
            <th>签到情况</th>
            <th>迟到时间</th>
            <th>记录状态</th>
            <th>注册时间</th>
            <th>更新时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>name</td>
            <td>team_leader</td>
            <td>team_leader_id</td>
            <td>10</td>
            <td>正常</td>
            <td>2020-11-17</td>
            <td>2020-11-17</td>
            <td>
                <button>编辑</button>
                <button>删除</button>
            </td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>name</td>
            <td>team_leader</td>
            <td>team_leader_id</td>
            <td>10</td>
            <td>正常</td>
            <td>2020-11-17</td>
            <td>2020-11-17</td>
            <td>
                <button>编辑</button>
                <button>删除</button>
            </td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>name</td>
            <td>team_leader</td>
            <td>team_leader_id</td>
            <td>10</td>
            <td>正常</td>
            <td>2020-11-17</td>
            <td>2020-11-17</td>
            <td>
                <button>编辑</button>
                <button>删除</button>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<div class="page">
    <div>
        每页显示 <input id="size" type="text" value="5">条
    </div>
    <div>
        <button id="first" class="iconfont">&#xe69c;</button>
        <button id="lastpage" class="iconfont">&#xe77d;</button>
        <input id="pageipt" type="text" value="1">
        <button id="nextpage" class="iconfont">&#xe77c;</button>
        <button id="last" class="iconfont">&#xe69d;</button>
    </div>
    <div>总条数 <span id="pagecount">5</span> 条</div>
</div>
<div class="modal">
    <div class="modal-header">
        <p class="title">创建小组</p>
        <p class="close">×</p>
    </div>
    <div class="modal-content">
        <div>
            <label>小组编号:</label>
            <input type="text" id="add_code" onblur="checkCode()">
        </div>
        <div>
            <label>小组名:</label>
            <input type="text" id="add_name">
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn iconfont" onclick="addTeam()">&#xe714;</button>
        <button class="close btn iconfont">&#xe61f;</button>
    </div>
</div>
<div class="mask"></div>
</body>
</html>